/* 注：
 * 颜色规范：
 * purple: #d91140
 * blue: #33cdd7
 * yellow: #f5aa31
 * gray: #a4a4a4
 */
/*基本布局*/
body{color:#555; line-height:22px; background:#f1f1f1;}
a{ color: #555;}
.font-yen{font-family:'Microsoft YaHei',STXihei,MingLiu;}
.purple{color:#d91140; font-size:20px; height:25px;line-height:25px;}
/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/*图标*/
/*header*/
header{ width:100%; height:110px; line-height:110px; background:#5f8712;/* position:relative;*/ z-index:2;}
.prev{width:10%; height:110px; line-height:110px; text-align:center;}
.prev a{ widows:10%;height:110px; line-height:110px;margin-top:30px; margin-left:5px;}
.logo{ width:80%; text-align:center; background:url(/images/payment/logo.png) center center  no-repeat;  height:110px;}
.list{width:10%; text-align:center;height:110px; line-height:110px;}
.list a{ widows:10%;height:110px; line-height:110px;margin-top:30px; margin-right:5px;}
/*footer*/
footer{ width:100%; }
footer nav{ width:100%; text-align:center; padding:20px 0; font-size:14px; float:left;}
/*public*/
.card-blur{ width:100%;height:80px; line-height:80px; text-indent:10%;background:#fff; font-size:30px;border-bottom:1px dotted #e6e6e6;}
.btn-blue-35{ width:100px;font-size:18px; display:inline-block; padding:0 10px; height:50px; line-height:50px; background:#5f8712; color:#FFF; border:none; border-radius:5px; cursor:pointer;}
.m-btn-ipt .btn-blue-35{ font-size:18px; display:inline-block;/* padding:0 35px;*/ height:40px; line-height:40px; /*background:#33cdd6;*/ color:#FFF; border:none; border-radius:5px; cursor:pointer;position:absolute; right:0; top:2px; width:100px; padding: 0; text-align:center;text-indent:0;}
.formvalidError{ display:block;background-image:url(/images/payment/icon-error-tips.png); background-size:auto 20px; background-position:0 center; background-repeat:no-repeat;padding-left:30px;}
.m-btn-ipt{ padding-right:180px; /*position:relative;*/}

.cade-val{ width:105px; height:36px; line-height:36px; font-size:18px;text-align:center; display:inline-block; background:#FFF; color:#33cdd6; border:1px solid #33cdd6; border-radius:5px; cursor:pointer;}
/*order-page*/
.main{ width:100%; background:#f1f1f1;}
.order-info{ width:100%; padding:20px 0; background:#f8f8f8; border-bottom:1px dashed #e1e1e1;}
.list-item{ padding-left:20px; font-size:16px; padding:5px 20px 5px;}
/*card page*/
.card-info{ width:100%; padding:20px 0; border-bottom:1px dashed #e1e1e1;}
.card-info h3{ font-size:18px; line-height:36px; color:#000; padding:0 20px;}
.card-con{padding:20px 0;}
.card-con ul li{ width:140px; float:left; padding:0 20px 15px; text-align:center; }
.card-con ul li span{background:#fff; width:138px; height:38px; padding-top:3px; display:inline-block; border:1px solid #dddddd; border-radius:5px; text-align:center; vertical-align:middle;}
.card-con ul li span img{ width:112px; max-height:36px;}
/*prompt*/	
.prompt{ padding:50px 20px;}
.prompt-con{ text-align:center; font-size:18px; line-height:36px;}
.prompt-con i{ width:38px; height:36px; display:inline-block; background-image:url(/images/payment/ico-state.png); background-repeat:no-repeat; background-size:34px; text-indent:-9999px;}
.icon-success{ background-position:0 0;}
.icon-error{ background-position:0 -38px;}
/*form*/
.form-con{padding:10px 0; background:#f1f1f1;}
.form-item,.form-items{ padding:10px 20px; /*position:relative;*/}
.content{ width:100%; /*height:300px;*/ background:#f1f1f1; padding-top:36px;}
.success{ position:relative; width:80%; font-size:14px; height:107px; line-height:107px; background:#fff; text-align:center; border:1px solid #5f8712; margin:0 auto; color:#5f8712;}
.fail{ position:relative; width:80%; height:107px; line-height:50px; text-align:center; background:#fff; border:1px solid #d91140; margin:0 auto;color:#555555;}
.blind_fail{position:relative; width:80%; font-size:14px; height:107px; line-height:107px; background:#fff; text-align:center; border:1px solid #d91140; margin:0 auto; color:#d91140;}

.cc{ position:absolute; top:35px; right:10px;}
.notice{ float:right; display:inline; position:absolute; top:11px; right:20px; z-index:2; display:none;}
.form-agreement{ padding:0 20px 10px; font-size:14px;}
.form-items input{width:90%; height:25px; padding:9px 0;text-indent:10px; font-size:14px;border:1px solid #e0e0e0;}
.form-item input{ position:relative; width:100%; height:25px; padding:9px 0;  text-indent:10px; font-size:14px;border:1px solid #e0e0e0; box-shadow:0px 0px 5px rgba(0,0,0,0.1);}
.form-items span{ width:15%; margin-right:5px; font-size:16px; }
.form-items select{ width:93px; height:45px; float:left; margin-right:5px;}
.sel{ padding-top:10px;}
.aa{ font-size:16px; color:#5f8712;}
/*.form-item-s{padding:10px 20px;}*/
.form-item-s input{ /*width:70%*/; height:25px; padding:9px 0;  text-indent:10px; font-size:14px;border:1px solid #e0e0e0; /*box-shadow:0px 0px 5px rgba(0,0,0,0.1);*/}
.form-item-s input.input-error{ width:180px;}
.form-item-s input.btn{cursor:pointer;  width:70px; height:43px; line-height:43px; /*text-indent:inherit;*/ color:#fff; padding:0; background:#5f8712; border:1px solid #5f8712; }
.form-item-s input.check{ width:20px; height:20px; border:1px solid #5f8712; vertical-align:sub;}
.form-item-s a{ font-size:17px; height:23px; line-height:23px; color:#5f8712; text-decoration:underline;}
.form-tips{ width:100%; padding:5px 0 0;}
.submit-area{ width:100%; background:#f1f1f1; padding-top:20px; text-align: center; }
.footer_b{border-bottom:1px solid #5f8712; width:100%; height:110px; background:#f1f1f1;}
.footer_list{ background:#f1f1f1; width:100%; height:98px;border-top:1px solid #5f8712; }
.btn_l,.btn_c,.btn_r{width:33.3%; float:left; text-align:center; margin-top:50px; background:#f1f1f1; }
/*pop*/
.pop-bg{ width:100%; height:100%; background:#000; position:fixed; z-index:10; left:0; top:0; opacity: 0.60;filter: alpha(opacity=60);}
.pop-con{ width:220px; padding:30px; background:#FFF; position:fixed; z-index:11; left:50%; top:50%; margin-left:-140px; margin-top:-140px;}
.pop-info{ font-size:14px; line-height:26px; padding-bottom:20px;}
.pop-handle{ width:100%; text-align: center;}
@media only screen and (max-width:320px) {
body{width:320px;}
}


/*协议样式*/
.agreement_title{ height:90px; background:#f8f8f8; border-bottom:1px dashed #e4e4e4; line-height:90px; font-size:24px; color:#333; text-align:center;}
.agreement_con{ font-size:16px; line-height:30px;padding-top:20px;}
.agreement_con p{ text-indent:2em;padding:5px;}
.box{ position:absolute; top:20%; left:20%; background:#f8f8f8; width:60%; border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em; border:2px solid #33cdd6; display:none;}
.close{ width:25px; height:25px; background:url(/images/payment/close.png) no-repeat; position:absolute;top:0; right:0;}
.xy{ text-decoration:underline; cursor:pointer;}
.xy:hover{ color:#009;}
.qq{ padding:10px 20px;}
